<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- 必须加这个meta，只配置html5shiv.js和respond.min.js不行，不在这个meta在ie8中@media没有效果的，这个属性把kitty搞死了2天(＃￣～￣＃) -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/html5shiv.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/respond.min.js"></script>


<script type="text/javascript">
$(function(){
	alert($("#aa").prop("outerHTML"));
});
alert(44);
loadjscssfile('<%=request.getContextPath()%>' + '/css/@media/medis.css', 'css');


/**
 * 动态引入js或css
 */
function loadjscssfile(filename,filetype){
    if(filetype == "js"){
        var fileref = document.createElement('script');
        fileref.setAttribute("type","text/javascript");
        fileref.setAttribute("src",filename);
    }else if(filetype == "css"){

        var fileref = document.createElement('link');
        fileref.setAttribute("rel","stylesheet");
        fileref.setAttribute("type","text/css");
        fileref.setAttribute("href",filename);
        //fileref.setAttribute("onload","javascript:LzxCommonHeader.showNavHtml()");
    }
    if(typeof fileref != "undefined"){
        document.getElementsByTagName("head")[0].appendChild(fileref);
    }
}



</script>


</head>
<body>

	<span id="aa">css @media1</span>
</body>
</html>